<template>
  <div class="alipay">
    <order-header title="支付宝支付">
      <template v-slot:tip>
        <span>请谨防钓鱼链接或诈骗电话，了解更多</span>
      </template>
    </order-header>
    <loading v-if="loading"></loading>
    <div class="form" v-html="content"></div>
  </div>
</template>

<script>
import OrderHeader from "../components/OrderHeader.vue"
import Loading from "../components/Loading.vue"
export default {
  name: "alipay",
  components:{
    OrderHeader,
    Loading,
  },
  data() {
    return {
      orderId: this.$route.query.orderId,
      content: "",
      loading:true,
    };
  },
  mounted() {
    this.paySubmit();
  },
  methods: {
    paySubmit() {
      this.axios
        .post("/pay", {
          orderId: this.orderId,
          orderName: "Vue高仿小米商城",
          amount: 0.01, //单位元
          payType: 1, //1支付宝，2微信
        })
        .then((res) => {
          // console.log(res.content);
          this.content = res.content;
          // console.log(this.content);
          setTimeout(() => {
            document.forms[0].submit();
          }, 100);
        });
    },
  },
};
</script>

<style lang="scss">
</style>